<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的互动-我爱我的体育</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    <link rel="stylesheet" href="/assets/kxdrmobile/sui/style.css">
	<script type='text/javascript' src="//g.alicdn.com/tmapp/tida2/2.0.141/tida.js?appkey=23270341" charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
  </head>
  <body>
  <input type="hidden" class="sid" value="{$sid}" />
  <input type="hidden" class="gid" value="{$gid}" />
  <input type="hidden" class="gtp" value="{$gtp}" />
      <div class="page-group">
		<div class="page page-current" id='metal'>
		  <header class="bar bar-nav">
			<a class="button button-link button-nav pull-left {if $appname=='taobao'}back{/if}" href="/">
			  <span class="icon icon-left"></span>
			  返回
			</a>
		  </header>
		  <div class="content infinite-scroll infinite-scroll-bottom"  data-ptr-distance="55" data-distance="100">
			<!-- <div class="content-block-title">{$name}：</div>
		    <div class="card">
			  <div class="card-content">
			    <div class="card-content-inner"><img src="{$pic}" width="100%" /></div>
			  </div>
		    </div> -->
			
				  <div class="content-block-title">{$name}</div>
				  <div class="card" >
					<div class="card-content">
					  <div class="card-content-inner">
					     <div class="list-block media-list">
							<ul>
							  <li class="medal-show" data-msg="{if $medal.getway != 'as_a_gift'}{$medal.getway_msg.name}达到{$medal.score}{$medal.getway_msg.unit}{else}参加活动领取奖品获得该奖章{/if}">
								<div class="item-content">
								  <div class="item-media"><img src="{$pic|replace:'http:':''}_250x250q60.jpg" style='width: 2.2rem;'></div>
								  <div class="item-inner">
									<div class="item-title-row">
									  <div class="item-title">{$medal.getway_msg.name}</div>
									</div>
									{if $medal.getway != "as_a_gift"}
										<div class="item-subtitle">{$medal.getway_msg.name}达到{$medal.score}{$medal.getway_msg.unit}</div>
									{else}
										<div class="item-subtitle">参加活动领取奖品获得该奖章</div>
									{/if}
								  </div>
								</div>
							  </li>
							</ul>
						  </div>
					  </div>
					</div>
				  </div>
			  
			  {if $get}
			  <div class="content-block">
				<p><a href="#" data-mid="{$id}" class="button button-big button-round button-fill button-danger get_medal">立即领取</a></p>
			  </div>
			  {/if}
			  
				  <div class="content-block-title">获取该奖章的方法</div>
				  <div class="card">
					<div class="card-content">
					  <div class="card-content-inner">只要您{$medal.getway_msg.name}达到{$medal.score}{$medal.getway_msg.unit}，就可以领取本奖章。</div>
					</div>
				  </div>
		  </div>
		</div>
    </div>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/assets/kxdrmobile/sui/my-app.js' charset='utf-8'></script>
  </body>
</html>